<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>大咖讲后台管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 必须的css -->
<link href="<%=basePath %>bigshot/css/bootstrap.min.css" rel="stylesheet" />
<link href="<%=basePath %>bigshot/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/font-awesome.min.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="/Public/Admin/<%=basePath %>bigshot/css/font-awesome-ie7.min.css" />
<![endif]-->
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace-fonts.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/jquery-ui-1.10.3.full.min.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace.min.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace-responsive.min.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/ace-skins.min.css" />
<!--[if lte IE 8]>
	<link rel="stylesheet" href="/Public/Admin/<%=basePath %>bigshot/css/ace-ie.min.css" />
<![endif]-->
<link rel="stylesheet" href="<%=basePath %>bigshot/css/bootstrap-timepicker.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/datepicker.css" />

<!-- lagou.alert -->
<link rel="stylesheet" href="<%=basePath %>bigshot/css/lagou.admin.css" />
<link rel="stylesheet" href="<%=basePath %>bigshot/css/lagou.global.css" />

<!-- webuploader -->
<link rel="stylesheet" type="text/css" href="<%=basePath %>bigshot/css/webuploader.css">
<link rel="stylesheet" type="text/css" href="<%=basePath %>bigshot/css/lxlin.css">
<link rel="stylesheet" type="text/css" href="<%=basePath %>bigshot/css/lq.datetimepick.css"/>
<!-- /必须的css -->

<script src="<%=basePath %>bigshot/js/time/time_jquery.js"></script>
<script src="<%=basePath %>bigshot/js/ace-extra.min.js"></script>
<script src="<%=basePath %>bigshot/js/lxlin.js"></script>
</head>
<body>
<!-- 头部 -->
		<div class="navbar" id="navbar">
	<div class="navbar-inner">
		<div class="container-fluid">
			<a href="<%=basePath %>redirect/index.do" class="brand">
				<small class="logo">中国领先的高端商务在线语音分享社区</small>
			</a><!--/.brand-->

			<%@include file="top.jsp"%>
		</div><!--/.container-fluid-->
	</div><!--/.navbar-inner-->
</div>
<!-- /头部 -->
		<div class="main-container container-fluid">
			<a class="menu-toggler" id="menu-toggler" href="#">
				<span class="menu-text"></span>
			</a>
			<!-- 左侧菜单 -->
			
		<div class="sidebar" id="sidebar">
	<%@include file="left.jsp"%>
<div class="sidebar-collapse" id="sidebar-collapse">
	<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
</div>
<script type="text/javascript">
	try{ace.settings.check('sidebar','collapsed')}catch(e){}
</script>
</div>

			<!-- /左侧菜单 -->
			<div class="main-content">
				<!-- 面包屑导航 -->
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li>
							<i class="icon-home home-icon"></i>
								<a href="<%=basePath %>redirectindex.do">首页</a>
							<span class="divider">
							<i class="icon-angle-right arrow-icon"></i>
							</span>
						</li>
						
<li class="active"><a href="product_productlist.html">我的产品>产品列表</a>>绑定名单</li>

					</ul>
				</div>
				<!-- /面包屑导航 -->

				<div class="page-content">
				<div class="row-fluid">
				
	<div style="clear:both;"></div>
	<div class="table-header authority">
		<div style="float:left;height: 40px;position: relative;margin-top: 3px;" class="btn_bangding">
						<input type="text" name="keywords" value="" id="maturity_date" class="pull-left" placeholder="请输入用户ID或账号..." required="required" style="margin-right:10px;height:22px;width: 150px;"/><!-- <font style="position: relative; font-size: 14px;margin-bottom: 25px;">请选择授权到期日：</font> -->
						<input type="text" name="datepicker" id="datetimepicker1" class="form-control" placeholder="请选择授权到期日..." style="height: 22px; width: 150px;margin-right: 30px;" />
						<!-- 时间控件开始 -->
						<script src="<%=basePath %>bigshot/js/time/time_selectUi.js"></script>
						<script src="<%=basePath %>bigshot/js/time/time_lq.datetimepick.js"></script>
						<script type="text/javascript">
						$(function (){
							$("#datetimepicker1").on("click",function(e){
								e.stopPropagation();
								$(this).lqdatetimepicker({
									css : 'datetime-day',
									dateType : 'D',
									selectback : function(){

									}
								});
							});
						});
						</script>
						<!-- 时间控件结束 -->
						<button type="button" class="btn btn-primary btn-small pull-right " onclick="remove_jurisdiction()" style="margin-right: 300px;"><i class="icon-ok bigger-110"></i>取消授权</button>
						<button type="button" class="btn btn-primary btn-small pull-right btn_bangding1" onclick="add_jurisdiction()"><i class="icon-ok bigger-110"></i>添加授权</button>
				</div>订购名单（共10000人）
	</div>
	<table id="data_table" class="table table-striped table-bordered table-hover" style="margin-bottom:0px;">
		<thead>
			<tr>
				<th class="center" style="width: 50px;"><span onclick="selectAll()" id="selectall">全选</span></th>
				<th class="center">ID</th>
				<th class="hidden-phone center">头像</th>
				<th class="center">剩余收听次数</th>
				<th class="center">授权到期日</th>
				<th class="center">账号</th>
				<th class="center">城市</th>
				
			</tr>

		</thead>
		<tbody>
			<tr>
				<td class="center"><input name='aaa' type="checkbox" value="1"></td>
				<td class="center">001</td>
				<td class="hidden-480 center">
						<img src="<%=basePath %>bigshot/images/avatar2.png" style="width:32px;height:32px;"/>
				</td>
				<td class="center">100</td>
				<td class="center">2016-04-01</td>
				<td class="center">账号1</td>
				<td class="center">北京</td>
				
			</tr>
			<tr>
				<td class="center"><input name='aaa' type="checkbox" value="2"></td>
				<td class="center">001</td>
				<td class="hidden-480 center">
						<img src="<%=basePath %>bigshot/images/avatar3.png" style="width:32px;height:32px;"/>
				</td>
				<td class="center">200</td>
				<td class="center">2016-04-01</td>

				<td class="center">账号1</td>
				<td class="center">北京</td>
				
			</tr>
			<tr>
				<td class="center"><input name='aaa' type="checkbox" value="3"></td>
				<td class="center">003</td>
				<td class="hidden-480 center">
						<img src="<%=basePath %>bigshot/images/avatar4.png" style="width:32px;height:32px;"/>
				</td>
				<td class="center">300</td>
				<td class="center">2016-04-01</td>

				<td class="center">账号3</td>
				<td class="center">上海</td>
				
			</tr>
			<tr>
				<td class="center"><input name='aaa' type="checkbox" value="4"></td>
				<td class="center">005</td>
				<td class="hidden-480 center">
						<img src="<%=basePath %>bigshot/images/avatar5.png" style="width:32px;height:32px;"/>
				</td>
				<td class="center">500</td>
				<td class="center">2016-04-01</td>

				<td class="center">账号5</td>
				<td class="center">广州</td>
				
			</tr>
			<tr>
				<td class="center"><input name='aaa' type="checkbox" value="5"></td>
				<td class="center">023</td>
				<td class="hidden-480 center">
						<img src="<%=basePath %>bigshot/images/avatar.png" style="width:32px;height:32px;"/>
				</td>
				<td class="center">500</td>
				<td class="center">2016-04-01</td>

				<td class="center">账号23</td>
				<td class="center">重庆</td>
				
			</tr>
		</tbody>
	</table>
	<!-- 分页 -->
	<div class="row-fluid">
		<div class="page"><div>  <span class="current">1</span><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=2">2</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=3">3</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=4">4</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=5">5</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=6">6</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=7">7</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=8">8</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=9">9</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=10">10</a><a class="num" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=11">11</a> <a class="next" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=2">>></a> <a class="end" href="/admin.php?m=Admin&c=Factory&a=index&m=Admin&p=25">25</a></div></div>
	</div>
</div>	


				</div><!--/.page-content-->

				<!-- 右侧悬浮的设置按钮,去掉好像会引起js报错 -->
				<div class="ace-settings-container hide" id="ace-settings-container">
					<div class="btn btn-app btn-mini btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>
					</div>
				</div>
				<!-- /右侧悬浮的设置按钮,去掉好像会引起js报错 -->
			</div>
		</div>

<!-- 回到顶部 -->
<a href="###" id="btn-scroll-up" class="btn-scroll-up btn btn-small btn-inverse">
	<i class="icon-double-angle-up icon-only bigger-110"></i>
</a>
<!-- /回到顶部 -->

<!-- 操作后提示框 -->
<div id="lg-alert" class="hide" style="margin-bottom:-1.5em;"></div>

<!--modal表单弹出框-->
<form id="lg-form" class="modal fade hide form-horizontal" method="post" tabindex="-1" enctype="multipart/form-data" onSubmit="return false;"></form>

<!-- 模态框(Modal) -->
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
	
</div><!-- /.modal -->
		
<!-- 基础js部分 -->
<!-- <script src='<%=basePath %>bigshot/js/jquery-1.10.2.min.js'></script> -->
<script src='<%=basePath %>bigshot/js/jquery.mobile.custom.min.js'></script>

<script src="<%=basePath %>bigshot/js/jquery-ui-1.10.3.full.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.ui.touch-punch.min.js"></script>
<script src="<%=basePath %>bigshot/js/bootstrap.min.js"></script>
<script src="<%=basePath %>bigshot/js/ace-elements.min.js"></script>
<script src="<%=basePath %>bigshot/js/ace.min.js"></script>

<script src="<%=basePath %>bigshot/js/jquery.dataTables.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.dataTables.bootstrap.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.inputlimiter.1.3.1.min.js"></script>

<!-- ueditor -->
<script type="text/javascript" src="<%=basePath %>bigshot/js/ueditor.config.js"></script>
<script type="text/javascript" src="<%=basePath %>bigshot/js/ueditor.all.js"></script>

<!-- webuploader -->
<script type="text/javascript" src="<%=basePath %>bigshot/js/webuploader.js"></script>

<!-- lagoualert -->
<script src="<%=basePath %>bigshot/js/lagou/lagou.global.js"></script>

<!-- common.lib库 -->
<script src="<%=basePath %>bigshot/js/conmon/common.lib.js"></script>

<!-- /基础js部分 -->
<script>
   $(function (){$('#myModal').modal({
      keyboard: true
   })});
</script>
<script type="text/javascript">
jQuery(function($){
	try{
		ace.settings.navbar_fixed(true);
		ace.settings.sidebar_fixed(true);
		ace.settings.breadcrumbs_fixed(true);
	}
	catch(e){}
	$('[data-rel=tooltip]').tooltip();
	$('[data-rel=popover]').popover({html:true});
});	
</script>

<script src="<%=basePath %>bigshot/js/jquery.easy-pie-chart.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.slimscroll.min.js"></script>
<script src="<%=basePath %>bigshot/js/jquery.sparkline.min.js"></script>
<script src="<%=basePath %>bigshot/js/flot/jquery.flot.min.js"></script>
<script src="<%=basePath %>bigshot/js/flot/jquery.flot.pie.min.js"></script>
<script src="<%=basePath %>bigshot/js/flot/jquery.flot.resize.min.js"></script>


</body>
</html>